//节点函数
function $(se) {
    return document.querySelector(se)
}
function $s(se) {
    return document.querySelectorAll(se)
}
// //选项卡菜单
//遍历 添加点击事件
$s(".modol ul li").forEach(function (Value, index) {
    //点击事件
    Value.addEventListener("click", function () {

        //一刀切
        $s(".modol ul li").forEach(function (Value, index) {

            //删除类名active,act
            $s(".tab-content div")[index].classList.remove("act")
            Value.classList.remove("active")

        })
        //点击之后添加类名active,act
        $s(".tab-content div")[index].classList.add("act")
        Value.classList.add("active")

    })
})

//表单正则验证
// 定义正则
// 第一位是【1】开头，第二位则有【3,4,5,7,8】，第三位则是【0-9】
let reg = /^1(3|4|5|7|8)\d{9}$/
//密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：
let pswd = /^[a-zA-Z]\w{5,17}$/

//账号失焦事件获取账号的值
$("#uname").addEventListener("blur", function () {
    //判断
    if (!(reg.test(this.value))) {
        //提示文字和边框样式
        $(".unameTpis").style.display = "block"
    } else {
        $(".unameTpis").style.display = "none"
    }
})

//密码失焦事件获取账号的值
$("#paswd").addEventListener("blur", function () {
    //判断
    if (!(pswd.test(this.value))) {
        //提示文字和边框样式
        $(".paswdTips").style.display = "block"
    } else {
        $(".paswdTips").style.display = "none"
    }
})

//登录按钮再次统一验证 跳转页面
$("#gobut").addEventListener("click", function () {
    //判断
    if (!(reg.test($("#uname").value))) {
        //提示文字和边框样式
        $(".unameTpis").style.display = "block"
    } else {
        $(".unameTpis").style.display = "none"
    }

    if (!(pswd.test($("#paswd").value))) {
        //提示文字和边框样式
        $(".paswdTips").style.display = "block"
    } else {
        $(".paswdTips").style.display = "none"
    }
    //都通过就跳转页面
    if (reg.test($("#uname").value) && pswd.test($("#paswd").value)) {
        location.href = "https://www.baidu.com/"
    }
})



//点击××删除用户名交互

$(".nameshanchu").addEventListener("click", function () {

    if (uname.value) {
        this.style.display = "block"

    } else {
        //清空值
        uname.value = ""
        //隐藏图标
        this.style.display = "none"
    }



})


//点击××删除密码输入框的值交互
$(".paswdsahnchu").addEventListener("click", function () {
    paswd.value = ""
    this.style.display = "none"




})